<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
	<head>
		<title>Macmillan - Interactive classroom</title>

		<link rel="shortcut icon" href="../main/styles/favicon.ico" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<script type="text/javascript" src="../../../core/mootools-1.2.1-core-yc.js"></script>
		<script type="text/javascript" src="../../../core/mooFox.base.class.js"></script>
		<script type="text/javascript" src="../../../core/dxd.class-1.2.2.1.js"></script>
		<script type="text/javascript" src="../main/scripts/main.js"></script>

		<link rel="stylesheet" href="../main/styles/main.css" type="text/css" media="all" />
		<link rel="stylesheet" href="styles/actA3a.css" type="text/css" media="all" />

		<script type="text/javascript" src="scripts/actA3a.js"></script>
		<script type="text/javascript" src="scripts/confA3a.js"></script>


		<!--[if IE 7]>
			<link href="main/styles/main-ie7.css" rel="stylesheet" type="text/css" media="all" />
		<![endif]-->
	</head>

	<body>
		<div id="main">
			<div id="header">
				
				<h1>Animal classification</h1>
				<h2>3. Match words and pictures.</h2>
				
				<div id="menuBar">
					<div id="menuFuntions">
						<div id="btn00" action="restart" title="Start again!"></div>
						<div id="btn01" action="info" title="Quick notes"></div>
						<div id="btn02" title="Check!"></div>
					</div>

					<div id="menuNavigator">
						<div id="btn03" action="link:actA2a" title="Back"></div>
						<div id="btn04" action="home" title="Menu"></div>
						<div id="btn05" action="link:actA4a" title="Next"></div>
					</div>
				</div>
			</div>

			<div id="infoWinContainer">
				<div id="infoWin">
					<ul>
						<li>Say <em>Look at the skeletons.</em> Point to the picture and to your body.</li>
						<li>Ask different children to match the words with the skeleton pictures.</li>
						<li>Repeat. This time encourage the children to say <em>It's a frog skeleton,</em> etc.</li>
					</ul>
				</div>
			</div>	

			<div id="content">

				<div id="drops">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>

				<div id="pictures">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>

				<div id="hidden-pictures">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>

				<div id="drags">
					<div>snake</div>	
					<div>frog</div>
					<div>horse</div>
					<div>human</div>
				</div>
							
			</div>
		</div>
	</body>
</html>
